Después de importar Bootstrap y Jquery, este error se muestra al compilar.
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import 'bootstrap/dist/css/bootstrap.css'; import './index.css'; global.jQuery = require('jquery'); require('bootstrap');Popper.js es una dependencia de Bootstrap 4 que se usa para mostrar ventanas emergentes. Es una dependencia de pares de bootstrap, lo que significa que es algo que requiere bootstrap pero que no se incluye consigo mismo cuando se instala. Entonces, para instalar popper.js, ejecute
npm install popper.js --saveEstá configurado como una dependencia de pares porque algunas personas solo usan el css de Bootstrap sin javascript. jQuery y popper.js son las dependencias de pares que deben instalarse por separado. Si necesita el javascript de Bootstrap, debe instalar jQuery y popper.js junto con Bootstrap 4.
Bootstrap 5 requiere "Popper.js Core ", no Popper.js. Deberías ejecutar esto en su lugar:
npm install @popperjs/core --save(gracias @Kyouma por agregar esto en los comentarios)
Para bootstrap 5 debes
Usuarios de npm: npm install @popperjs/core --save
para usuarios de yarn: yarn add @popperjs/core
luego importe bootstrap así:
import 'bootstrap/dist/js/bootstrap.bundle';Es simple, puede visitar esto y guardar el archivo como popper.min.js
luego importarlo.
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import 'bootstrap/dist/css/bootstrap.css'; import './index.css'; import 'bootstrap/dist/js/popper.min.js'; global.jQuery = require('jquery'); require('bootstrap');